import styles from './header.less';

const Header = () => {
  return (
    <div className={styles.header}>
      <div className={styles.left}>
        您好,请<div className={styles.left_div}>[登录]</div>
        <div className={styles.left_div}>[注册]</div>
        <div className={styles.left_div}>[机构会员]</div>
        <div className={styles.left_img}>
          <div className={styles.left_img_font}>送至:北京</div>
        </div>
      </div>
      <div className={styles.right}>
        <a className={styles.right_a}>我的订单</a>
        <a className={styles.right_a}>本来礼品</a>
        <dl className={styles.righ_dl}>
          <dt>
            <a className={`${styles.right_a} ${styles.right_a_img}`}>
              掌上本来
            </a>
            <div className={styles.right_bg}></div>
          </dt>
          <dd className={styles.right_dl_dd}>
            <img
              src="//image.benlailife.com/webStatic/images/top/App_QR_Code_3de39ad3.png"
              width="100"
              height="100"
              alt="扫码下在App"
            />
            <p>扫码下载客户端</p>
          </dd>
        </dl>
        <a className={styles.right_a}>客户服务</a>
      </div>
    </div>
  );
};

export default Header;
